/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }


/* #Basic Styles
================================================== */
	body {
		background:#0c3d87 url(../images/backbg.png) no-repeat center top;
		 font-family: 'Dosis', sans-serif;
		 font-size:14px;
		color: #444;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }
 html,body {height:100%; }


/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-family: 'Dosis', sans-serif; color:#00529b; text-transform:uppercase; letter-spacing:0.5px;}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }

	p { margin: 0 0 20px 0; }


/* #Links
================================================== */
	a, a:visited { color: #fa7221; text-decoration: none; outline: 0; }
	a:hover, a:focus { color: #000; }
	p a, p a:visited { line-height: inherit; }


/* #Lists
================================================== */
	ul, ol { margin:0; padding:0;}

/* #Images
================================================== */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }


/* #Buttons
================================================== */

	.button,
	button {
		background: #257cc8; /* Old browsers */
background: -moz-linear-gradient(top, #257cc8 0%, #114d99 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#257cc8), color-stop(100%,#114d99)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #257cc8 0%,#114d99 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #257cc8 0%,#114d99 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #257cc8 0%,#114d99 100%); /* IE10+ */
background: linear-gradient(to bottom, #257cc8 0%,#114d99 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#257cc8', endColorstr='#114d99',GradientType=0 ); /* IE6-9 */
	  color: #fff!important;
	  display: inline-block;
	  font-size: 18px;
	  text-decoration: none;
	  cursor: pointer;
	  margin-bottom: 20px;
	  line-height: normal;
	  padding: 10px 30px;
	  border:0;
	  text-transform:uppercase;
	  margin:0;
	  border:3px solid #fff;
	  border-radius:8px;
	  font-family: 'Dosis', sans-serif;
	  font-weight:700;
	  cursor:pointer;
		
	  }

	.button:hover,
	button:hover {
		color: #fff;
		background: #00529b; /* Old browsers */}

	.button:active,
	button:active {
		background: #00529b; 
	}

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }

	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}


/* #Forms
================================================== */

	form {
		margin-bottom: 0px; }
	fieldset {
		margin-bottom: 20px; }
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		border: 1px solid #ccc;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		color: #777;
		margin: 0;
		width: 210px;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		background: #fff; }
	select {
		padding: 0; }
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border: 1px solid #aaa;
 		color: #444;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); }
	textarea {
		min-height: 60px; }
	label,
	legend {
		display: block;
		font-weight: bold;
		font-size: 13px;  }
	select {
		width: 220px; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }

/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }

/* home */
#wrapper { margin:0 auto; padding:0; width:100%; position:relative;  height:auto !important; height:100%; min-height:100%; }
.main-container {/*background:url(../images/bottom-bg.png) no-repeat right bottom; padding:0 0 200px 0;*/ margin:0; padding:0;}


.logo-div { margin:0 auto; padding:0; text-align:center;  position:relative; z-index:100;}
.logo-div .logo{ margin:0 auto; padding:40px 0 20px 0; text-align:center; z-index:100;}

.pb-btm { padding-bottom:220px;}
.inner-pb-btm { padding-bottom:120px;}
.form-div { margin:0 auto; text-align:center;  position:relative;}
.form-div .inputbox{ margin:0 auto; padding:10px; text-align:center; background:#f3f3f3; border:3px solid #080808; border-radius:8px; color:#666; font-size:14px; font-size:16px;width:85%;}
.form-div .listbox{ margin:0 auto; padding:10px; text-align:center; background:#f3f3f3; border:3px solid #080808; border-radius:8px; color:#666;font-size:14px; font-size:16px; width:93%;}
.form-div .textarea{ margin:0 auto; padding:10px; text-align:center; background:#f3f3f3; border:3px solid #080808; border-radius:8px; color:#666;font-size:14px; font-size:16px;width:85%;}

.form-div .phonebox{ margin:0 auto; padding:10px; text-align:center; background:#f3f3f3; border:3px solid #080808; border-radius:8px; color:#666; font-size:14px; font-size:16px; display:inline-block;}

.form-div p { margin:0; padding:0 0 20px 0; color:#fff; font-size:14px;}
.form-div .submit-action { padding-top:0px!important;}
.form-div label{ margin:0; padding:0; color:#fff; font-size:14px; display:inline-block;}
.form-div .click-btn { background:transparent url(../images/submit-btn.png) no-repeat left top; width:537px; height:344px; display:inline-block; border:0; text-indent:-9999px; cursor:pointer;}
.form-div .click-btn:hover { /*background:transparent url(../images/click-btn.png) no-repeat left top; width:267px; height:166px; display:inline-block; */background:transparent url(../images/submit-btn.png) no-repeat left top;border:0;}

hr.line { margin:0 0 20px 0; padding:0; background:#90b9e0; height:1px; width:100%; display:block; border:0;}

.bottom-bg {background:url(../images/bottom-bg1.png) no-repeat right bottom; position:absolute; right:0; bottom:0; display:block; width:100%; height:403px; z-index:10;}

.confirm-div { margin:0 auto; text-align:center;  position:relative; background:url(../images/black-trans.png) repeat left top; width:90%; padding:50px 0;}
.confirm-div .white-font { margin:0 0 20px 0; padding:0 50px; color:#c9c9c9; font-size:14px;}
.confirm-div .field-txt { margin:0; padding:0; color:#fd9809; font-size:14px; line-height:24px;}
.confirm-div .line-confirm { margin:20px 0; padding:0; background:#3c3523; height:1; display:block; width:100%; border:0;}
.coupon-details { margin:0; padding:0; }


.acknowldge-div { margin:0; padding:20px; background:url(../images/black-tran-acknowledge.png) repeat left top;}
.acknowldge-div .whitetxt { color:#fff; font-size:18px; line-height:24px;}
.form-filed-txt { margin:0; padding:20px 0 40px 0;}
.form-filed-txt p{ margin:0; padding:0; color:#fd9809; font-size:18px; line-height:24px;}

.sub-logo { margin:0 auto; padding:0 0 20px 0; text-align:center;}
.sub-logo img{ height:auto; max-width:100%;}
.call-img { margin:0 auto; padding:0 0 40px 0; text-align:center;}
.call-img img{ height:auto; max-width:100%;}

.error { margin:0 auto; padding:20px 0; text-align:center;}
.error p{ margin:0; padding:0; color:#FF3300; font-size:14px; text-align:center; line-height:24px;}


.alert { margin:0; padding:0; color:#FF3300; font-size:14px; text-align:center; line-height:24px; display:inline-block}

.site-name { margin:0 auto; padding:0 0 20px 0; text-align:center;}
.site-name a{ margin:0 auto; text-align:center; font-size:32px; color:#fff; font-weight:bold;}

.coupon-container { margin:20px auto; padding:0; text-align:center;}
.coupon-container .coupon-box { margin:0 auto; padding:10px; text-align:center; background:#fff; border:1px solid #000; width:50%;}
.coupon-container .coupon-box h3.title { color:#000; font-size:18px; margin:10px 0 20px 0; padding:0;}
.coupon-container .coupon-box p { color:#000; font-size:14px;}
.coupon-container .coupon-box img { height:auto; max-width:100%;}
.coupon-container .coupon-box strong{ font-weight:bold;}
.coupon-container .coupon-box .row { margin:0; padding:0;}
.coupon-container .coupon-box .row:before, .coupon-container .coupon-box .row:after { content:''; width:0; height:0; display:block;}
.coupon-container .coupon-box .row:after { clear:both;}
.coupon-container .coupon-box .row .col-md-6{ float:left; width:50%; text-align:left;}
.coupon-container .coupon-box .text-right { text-align:right!important;}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 320px) and (max-width: 479px) {
		/*.main-container {background:url(../images/bottom-bg.png) no-repeat center bottom; background-size:100% 30%; width:100%; height:100%;}*/
		.form-div .click-btn { background:transparent url(../images/submit-btn.png) no-repeat left top; background-size:100% 60%; width:100%; height:344px;}
		.form-div .click-btn:hover { background:transparent url(../images/submit-btn.png) no-repeat left top; background-size:100% 60%; width:100%; height:344px;}
		
		.coupon-container .coupon-box { width:90%;}
	}
	
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.coupon-container .coupon-box { width:90%;}
	}


